<template>
  <div style="display: flex;justify-content: center;align-items: center;width: 100%;height: 100%">
    <div class="content" style="">
    </div>
  </div>
</template>

<script>

export default {
  name: "index",
  data() {
    return {}
  },
  mounted() {
  },
  methods:{
  }
}
</script>

<style scoped>
.content {
  width: 293px;
  height: 634px;
  background: url("./img/walk.png") no-repeat;
  animation: 1.2s go steps(8) infinite;
}
@keyframes go  {
  0% {
    background-position-x: 0px;
  }
  100% {
    background-position-x: -2464px;
  }
}
</style>

